<!DOCTYPE html>
<html class="no-js">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">
        <link rel="stylesheet" href="css/style.css">
        <link href='https://fonts.googleapis.com/css?family=Open+Sans:100,200,400,600,700,300|Shadows+Into+Light+Two' rel='stylesheet' type='text/css'>

        <!--[if lt IE 9]>
            <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
            <script>window.html5 || document.write('<script src="js/vendor/html5shiv.js"><\/script>')</script>
        <![endif]-->
    </head>
    <body>


        <section class="hero">
            <div class="wrapper cf">
            	<img src="img/dribbble-logo.png">
            	<h6> A proposal to participate in <a href="http://www.dribbble.com/teams/" target="_blank">dribbble Teams</a></h6>
            	<h3>Hello leads, we're looking for you to support </h3>
            	<h1><img src="img/google.png" class="google"> within the <img src="img/dribbble-wordmark.png" class="dribbble"> community</h1>
            	<img src="img/smiley.png">
            </div>
        </section>
        <section class="what promo mirror">
        	<div class="wrapper cf">
        		<div class="content">
        			<h2>What is dribbble?</h2>
        			<p><a href="http://dribbble.com" target="_blank" style="color:#6584c2">Dribbble</a> is a vibrant community of designers who share small screenshots (shots) that show their work and process that allows them to express themselves along with their creative interests. It is a place to show and tell, to promote, to discover, and to participate the digital design community.</p>
        		</div>
        		<figure>
        			<img src="img/dribbble-community.png">
        		</figure>
        	</div>
        </section>
        <section class="why">
        	<div class="wrapper">
	        	<hgroup>
	        		<h2>Why should Google be on dribbble?</h2>
	        		<h4>We feel it’s benficial for us to be on dribbble because:</h4>
	        	</hgroup>
	        	<div class="grid-pad  cf">
	    			<div class="col-1-4"><p>It provides Google designers with a greater sense of identity within the design community</p>
	    			</div>
	    			<div class="col-1-4"><p>It gives Google an opportunity to take control of the Google-related designs that are <u>already being shared</u></p>
	    			</div>
	    			<div class="col-1-4"><p>It is a source for indirectly recruting creative candidates</p>
	    			</div>
	    			<div class="col-1-4"><p>It can be used as a tool for brand reinforcement and articulation within the creative community</p>
	    			</div>
	    		</div>
    		</div>
        </section>
        <section class="sample">
        	<div class="wrapper cf">
        		<div class="content">
        			<h2>What does it mean for Google to be on dribbble?</h2>
        		
        			<p>Google already has a registered <a href="http://dribbble.com/google" target="_blank">Teams page</a> on dribbble, but it is currently inactive. When designers are added to the dribbble Google Team, they will have the option to affiliate their designs with the dribbble Google Team page.</p>
        			<p class="scribble">Here's what it could look like:</p>
        		</div>
        		<figure>
        			<img src="img/sample.png">
        		</figure>

        	</div>
        </section>
        <section class="who">
        	<div class="wrapper cf">
        		<hgroup>
        			<h2>Who else is on dribbble?</h2>
        			<h3>Here are some other companies that currently have a presence on dribbble:</h3>
        		</hgroup>
        	
        	<ul>
        		<li class="header">
        			<span class="name">Company</span>
        			<span class="description">Usage</span>
        			<span class="size">Team Size</span>
        			<span class="verdict">Assessment</span>
        		</li>
        		<li>
        			<span class="name"><a href="http://dribbble.com/twitter" target="_blank"><img src="img/twitter.png"> Twitter</a></span>
        			<span class="description">Appears to be managed by marketing and shows a bunch of timed product messaging content.</span>
        			<span class="size">1</span>
        			<span class="verdict good"></span>
        		</li>
        		<li>
        			<span class="name"><a href="http://dribbble.com/salesforce" target="_blank"><img src="img/salesforce.png"> Salesforce</a></span>
        			<span class="description">Well curated, but seems more like marketing controlled product eye candy.</span>
        			<span class="size">21</span>
        			<span class="verdict good"></span>
        		</li>
        		<li>
        			<span class="name"><a href="http://dribbble.com/evernote" target="_blank"><img src="img/evernote.png"> Evernote</a></span>
        			<span class="description">Great mix of product and brand content as well as a diverse range of marketing communications as wel as cultural brand details.</span>
        			<span class="size">13</span>
        			<span class="verdict good"></span>
        		</li>
        		<li>
        			<span class="name"><a href="http://dribbble.com/github" target="_blank"><img src="img/github.png"> Github</a></span>
        			<span class="description">Randomly messaged product UI, and cultural textures.</span>
        			<span class="size">20</span>
        			<span class="verdict ok"></span>
        		</li>
        		<li>
        			<span class="name"><a href="http://dribbble.com/mailchimp" target="_blank"><img src="img/mailchimp.png"> Mailchimp</a></span>
        			<span class="description">Mostly culturally expressive works and inspiration.</span>
        			<span class="size">8</span>
        			<span class="verdict ok"></span>
        		</li>
        		<li>
        			<span class="name"><a href="http://dribbble.com/dropbox" target="_blank"><img src="img/dropbox.png"> Dropbox</a></span>
        			<span class="description">Seems like a culturally expressive free-for-all.</span>
        			<span class="size">20</span>
        			<span class="verdict bad"></span>
        		</li>
        		<li>
        			<span class="name"><a href="http://dribbble.com/instagram" target="_blank"><img src="img/instagram.png"> Instagram</a></span>
        			<span class="description">Seems to be product related, but it’s hard to tell what’s purely creative expression, what’s experimental, and what’s real.</span>
        			<span class="size">5</span>
        			<span class="verdict bad"></span>
        		</li>
        		<li>
        			<span class="name"><a href="http://dribbble.com/facebook" target="_blank"><img src="img/facebook.png"> Facebook</a></span>
        			<span class="description">Dated and limited content, mostly related to marketing.</span>
        			<span class="size">24</span>
        			<span class="verdict bad"></span>
        		</li>
        		<li>
        			<span class="name"><a href="http://dribbble.com/pinterest" target="_blank"><img src="img/pinterest.png"> Pinterest</a></span>
        			<span class="description">Odd mix of marketing, product, and cultural materials.</span>
        			<span class="size">13</span>
        			<span class="verdict bad"></span>
        		</li>
        	</ul>
        	</div>
        </section>
        <section class="plan promo mirror">
        	<div class="wrapper cf">
        		<div class="content">
        			<h2>Here is our proposed plan</h2>
        			<h3>Our plan includes a phased approach at launching Google’s presence on Dribbble. </h3>
                    <a href="https://docs.google.com/presentation/d/1RysMgUQPrIbiajN-OMzSuFA-6OJxna2LaK06UlvyZic/edit#slide=id.g447f1b7e8_00" target="_blank" style="margin-bottom:10px; color:yellow">View our pre-launch timeline here</a>

        			<p>Upon launch, only a few dedicated UX Team members (ambassadors) for each product areas will have access to post to Dribbble on behalf of the Team. This small group should both solicit recommendations from the broader team as well as curate their own list of content to post regularly (ideally once a month if not more frequently). This content should represent a broad range of Google Design content, both product and marketing where related to product, and reflect the caliber of product design done at Google.

In addition, we have created a <a href="https://docs.google.com/a/google.com/document/d/1sJKR0_YnfrcgCsR2VPS8GrnnFwawrQ1GgKvFG8yMha4/edit" target="_blank">Google on Dribbble guideline</a>, that will help guide designers with pricniples and considerations to determine whether a design is suitable for posting on Dribbble or not.</p>
<a href="https://docs.google.com/a/google.com/document/d/1sJKR0_YnfrcgCsR2VPS8GrnnFwawrQ1GgKvFG8yMha4/edit" target="_blank"><img src="img/plan-button.png"></a>
        		</div>
        		<figure>
                <h4>We have a cross-product group of Googlers who have already expressed interests in contributing to the Google page on Dribbble:</h4>
        		  <ul>
                   
                    <li>
                        <div class="thumb" style="background-image:url(https://teams.googleplex.com/_servlet/data/person_photo?personId=P782122987)"></div>
                        <div class="info">
                            <h5>Noah Levin</h5>
                            <span>Knowledge</span>
                        </div>
                    </li>
                    <li>
                        <div class="thumb" style="background-image:url(https://teams.googleplex.com/_servlet/data/person_photo?personId=P1321162510)"></div>
                        <div class="info">
                            <h5>Pendar Yousefi</h5>
                            <span>Ads & Commerce</span>
                        </div>
                    </li>
                    <li>
                        <div class="thumb" style="background-image:url(https://teams.googleplex.com/_servlet/data/person_photo?personId=P791998748)"></div>
                        <div class="info">
                            <h5>Fabio Sasso</h5>
                            <span>Knowledge</span>
                        </div>
                    </li>
                     <li>
                        <div class="thumb" style="background-image:url(https://teams.googleplex.com/_servlet/data/person_photo?personId=P3954033703)"></div>
                        <div class="info">
                            <h5>Andy Stewart</h5>
                            <span>Android</span>
                        </div>
                    </li>
                    <li>
                        <div class="thumb" style="background-image:url(https://teams.googleplex.com/_servlet/data/person_photo?personId=P782160454)"></div>
                        <div class="info">
                            <h5>Sebastien Gabriel</h5>
                            <span>Chrome</span>
                        </div>
                    </li>
                    <li>
                        <div class="thumb" style="background-image:url(https://teams.googleplex.com/_servlet/data/person_photo?personId=P1082873139)"></div>
                        <div class="info">
                            <h5>Marshall Bock</h5>
                            <span>Social</span>
                        </div>
                    </li>
                    <li>
                        <div class="thumb" style="background-image:url(https://teams.googleplex.com/_servlet/data/person_photo?personId=P4030291761)"></div>
                        <div class="info">
                            <h5>Volkov Anton</h5>
                            <span>Social</span>
                        </div>
                    </li>
                    <li>
                        <div class="thumb" style="background-image:url(https://teams.googleplex.com/_servlet/data/person_photo?personId=P3934834258)"></div>
                        <div class="info">
                            <h5>Diana Tran</h5>
                            <span>Knowledge</span>
                        </div>
                    </li>
                    <li>
                        <div class="thumb" style="background-image:url(https://teams.googleplex.com/_servlet/data/person_photo?personId=P782156020)"></div>
                        <div class="info">
                            <h5>Ryan Morrison</h5>
                            <span>Social</span>
                        </div>
                    </li>
                    
                    <li>
                        <div class="thumb" style="background-image:url(https://teams.googleplex.com/_servlet/data/person_photo?personId=P782196019)"></div>
                        <div class="info">
                            <h5>Viktor Persson</h5>
                            <span>Knowledge</span>
                        </div>
                    </li>
                    <li>
                        <div class="thumb" style="background-image:url(https://teams.googleplex.com/_servlet/data/person_photo?personId=P4036360690)"></div>
                        <div class="info">
                            <h5>Carlos Palacio</h5>
                            <span>Knowledge</span>
                        </div>
                    </li>
                  </ul>
        		</figure>
        	</div>
        </section>
        <section class="risks promo">
        	<div class="wrapper cf">
        		<div class="content">
        			<h2>What are the risks?</h2>
        			<p>Dribbble is a public community. The main risk with allowing Google designers to post on dribbble is around sharing a confidential design, or something that is not yet public. 
On the other hand, It seems okay for individuals to freely post work and talk about it on their blogs, +Pages, etc., so long as they show good sense about not revealing or discussing things that are not already public knowledge.</p>
        		</div>
        		<figure>
        			<img src="img/risk.png">
        		</figure>
        	</div>
        </section>

        <section class="faq" id="faq">
            <div class="wrapper">
            <hgroup>
                <h1>Okay, but what about ... ?</h1>
                <p class="lead">We thought you may have more questions, so we compiled some answers:</p>
            </hgroup>
            <div class="faq expanded">
                <h3><a href="javascript:;">Who gets invited to the Google team on Dribbble? How are they selected?</a></h3>
                <p style="display:block">Some designer Googlers are already active dribbble members and have expressed interest in helping us establish our presence within the community. Some of these designers are already posting works on public facing websites and communities, so adding them to the Team would just associate the work more closely with Google. Our plan is to select interested designers from across product areas so that all areas can have good representation on dribbble.</p>
            </div>
            <div class="faq">
                <h3><a href="javascript:;">Will this expose our designers to recruiters?</a></h3>
                <p>It is not hard for recruiters to find Google designers already, and pretending that we can hide them as a means of retention is a broken strategy. Google designers belong to a variety of communities, and they should be free to choose which of those industry related communities they can participate in.</p>
            </div>
            <div class="faq">
                <h3><a href="javascript:;">Can Google designers post personal designs?</a></h3>
                <p>When a designer who is part of the Google team posts a design, they have the option of either posting it as a personal design, or as a team design. Personal designs will not show up on the Google Team page.</p>
            </div>
            <div class="faq">
                <h3><a href="javascript:;">What type of designs are allowed to be posted?</a></h3>
                <p>Designs that are already public. All other designs will need to be pre-approved in content and context by a PR and/or brand marketing representative as well as the product area lead or Director prior to being posted.</p>
            </div>
            <div class="faq">
                <h3><a href="javascript:;">Are Google team members allowed to comment?</a></h3>
                <p>The current version of <a href="https://docs.google.com/a/google.com/document/d/1sJKR0_YnfrcgCsR2VPS8GrnnFwawrQ1GgKvFG8yMha4/edit" target="_blank">Dribbble usage guidelines</a> does not allow Google team members to leave replies to comments. We do not want to engage in misguided discussions or debates about the work, we simply want the opportunity for designers to share the work that they are so proud of, therefore we will strongly recommend that designers not engage in comment-based discussions that by association become a part of the design narrative.</p>
            </div>
          
        </div>
        </section>

        <footer>
            <div class="wrapper">
                <p class="lead">Thank you for reading this proposal. There are enough designers who are really interested in helping us establish a dribbble presence, let's make this happen!</p>
               
            </div>
        </footer>

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.1.min.js"><\/script>')</script>

        <script src="js/plugins.js"></script>
        <script src="js/waypoints.min.js"></script>
        <script src="js/main.js"></script>
    </body>
</html>
